<template>
	<div class="content">
		<div class="detail">
			<div class="zip">
				<div>年龄：24岁</div>
			</div>
			<div class="zip">
				<div>送检查科室：保健科</div>
			</div>
			<div class="zip">
				<div>申请医师：王静</div>
			</div>
			<div class="zip">
				<div>标本种类：鼻咽拭子</div>
			</div>
			<div class="zip">
				<div>标本编号：123476</div>
			</div>
			<div class="zip">
				<div>检测方法：实时荧光定量（PCR）技术</div>
			</div>
			<div class="zip">
				<div>采样日期：2020-09-09 10:00</div>
			</div>
		</div>
		<div class="report" style="cursor: pointer;" @click='costdetail'>
			<div style="">检测报告</div>
			<div class="zip" style="display: flex; color: #333333;margin-top: 20px;">
			<div>项目：</div>
			<div>新型冠状病毒核酸检测</div>
			</div>
			<div class="zip" style="display: flex; color: #333333;">
			<div>检测结果：</div>
			<div style="color: #2ED477;font-weight: 600;">阴性</div>
			</div>
		</div>
		<div class="detail" style="margin-top: 20px;">
			<div class="zip">
				<div>采样日期：2020-09-09 </div>
			</div>
			<div class="zip">
				<div>报告日期：2020-09-09 </div>
			</div>
			<div class="zip">
				<div>检验人员：王静</div>
			</div>
			<div class="zip">
				<div>审核人员：李凤</div>
			</div>
		</div>
	</div>
</template>

<script>
		export default{
			data(){
				return{}
			},methods:{
				costdetail(){
					uni.navigateTo({
						url:'./costdetail'
					})
				}
			}
		}
</script>

<style>
	.report{
				padding: 15px 10px;
		background-color: #ffffff;
		border: 1px solid #f2f2f2;
		margin-top: 20px;
	}
	.zip{
		display: flex;
		align-items: center;
				padding: 10px 10px;
		font-family: 'PingFangSC-Light', 'PingFang SC Light', 'PingFang SC', sans-serif;
		    font-weight: 200;
		    font-style: normal;
		    color: #797979;
			font-size: 14px;
			color: #7f7f7f;
	}
	.detail{
		padding: 15px 10px;
		background-color: #f5f9ff;
		
	}
	.content{
		padding: 15px 20px;
	}
</style>